<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <div class="fix_nav">
        <ul>
            <li>
                <i class="iconfont icon-shouji54"></i>
                <p>手机APP</p>
            </li>

            <li>
                <i class="iconfont icon-gerenzhongxin"></i>
                <p>个人中心</p>
            </li>

            <li>
                <i class="iconfont icon-buoumaotubiao46"></i>
                <p>售后服务</p>
            </li>

            <li>
                <i class="iconfont icon-kefu"></i>
                <p>人工客服</p>
            </li>

            <li>
                <i class="iconfont icon-gouwuche"></i>
                <p>购物车</p>
            </li>

            <li>
                <a href="#top">
                    <i class="iconfont icon-huidingbu"></i>
                    <p>回顶部</p>
                </a>
            </li>
        </ul>
    </div>
    <!-- 头部导航 -->
    <div class="header clearfix">
        <div class="QR" id="top">
            <a href="#"><img src="./image/QR code.jpg"></a>
        </div>
        <div class="banxin">
            <div class="head_left">
                <ul>
                    <li><a href="">小米商城 <span>|</span></a></li>
                    <li><a href="">MIUI<span>|</span></a></li>
                    <li><a href="">IoT<span>|</span></a></li>
                    <li><a href="">云服务<span>|</span></a></li>
                    <li><a href="">金融<span>|</span></a></li>
                    <li><a href="">有品 <span>|</span></a></li>
                    <li><a href="">小爱开放平台<span>|</span></a></li>
                    <li><a href="">企业团购<span>|</span></a></li>
                    <li><a href="">资质证照<span>|</span></a></li>
                    <li><a href="">协议规则<span>|</span></a></li>
                    <li><a href="">下载app<span>|</span></a></li>
                    <li><a href="">智能生活<span>|</span></a></li>
                    <li><a href="">Select Location</a></li>
                </ul>
            </div>
            <div class="head_right">
                <ul>
                    <li><a href="">登录<span>|</span></a></li>
                    <li><a href="">注册<span>|</span></a></li>
                    <li><a href="">消息通知</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 中间导航 搜索框 -->
    <div class="search banxin clearfix">
        <div class="logo_left">
            <a href=""> <img src="./image/LOGO.png"></a>
        </div>

        <div class="list_center">
            <ul>
                <li><a href="">小米手机</a></li>
                <li><a href="">Redmi 红米</a></li>
                <li><a href="">电视</a></li>
                <li><a href="">笔记本</a></li>
                <li><a href="">家电</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">智能硬件</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
        </div>

        <div class="logo_right">
            <input type="text" placeholder="门帘传感器2">
            <button></button>
        </div>
    </div>

    <!-- 中间轮播图部分 -->
    <div class="Rotation banxin clearfix">
        <ul>
            <li><a href="">手机 电话卡<span>&gt;</span></a></li>
            <li><a href="">电视 盒子<span>&gt;</span></a></li>
            <li><a href="">笔记本 显示器<span>&gt;</span></a></li>
            <li><a href="">家电 插线板<span>&gt;</span></a></li>
            <li><a href="">出行 穿戴<span>&gt;</span></a></li>
            <li><a href="">智能 路由器<span>&gt;</span></a></li>
            <li><a href="">电源 配件<span>&gt;</span></a></li>
            <li><a href="">健康 儿童<span>&gt;</span></a></li>
            <li><a href="">耳机 音箱<span>&gt;</span></a></li>
            <li><a href="">生活 箱包<span>&gt;</span></a></li>
        </ul>
        <div class="list_yuan">
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>

        <div class="botton_left">
            <a href="">
                <</a>
        </div>

        <div class="botton_right">
            <a href="">></a>
        </div>
    </div>
    <!-- 小米秒杀 -->
    <div class="phone banxin  clearfix">
        <div class="phone_left">
            <ul>
                <li>
                    <a href="">
                        <img src="./image/time.png">
                        <p>小米秒杀</p>
                    </a>
                </li>

                <li>
                    <a href="">
                        <img src="./image/enterprise.png">
                        <p>企业团购</p>
                    </a>
                </li>

                <li>
                    <a href="">
                        <img src="./image/F.png">
                        <p>F码通道</p>
                    </a>
                </li>

                <li>
                    <a href="">
                        <img src="./image/Card.png">
                        <p>米粉卡</p>
                    </a>
                </li>

                <li>
                    <a href="">
                        <img src="./image/New.png">
                        <p>以旧换新</p>
                    </a>
                </li>

                <li>
                    <a href="">
                        <img src="./image/Money.png">
                        <p>话费充值</p>
                    </a>
                </li>
            </ul>

        </div>

        <div class="phone_right">
            <ul>
                <li>
                    <a href=""><img src="./image/K30 Pro.jpg"></a>
                </li>
                <li>
                    <a href=""><img src="./image/K30i.jpg"></a>
                </li>
                <li>
                    <a href=""><img src="./image/Watch4.jpg"></a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 小米闪购 -->
    <div class="bgc_color">


        <div class="Flash_purchase banxin clearfix">
            <div class="purchase_box">
                <ul class="purchase_left">
                    <li>小米闪购</li>
                </ul>

                <ul class="purchase_right">
                    <li>
                        <span><</span>
                        <span>></span>
                    </li>
                </ul>
            </div>

            <div class="purchase_bottom">
                <div class="shandina">
                    <p>14:00 场</p>
                    <img src="./image/shandian.png">
                    <p>距离开始还有</p>
                    <span>02</span>:
                    <span>05</span>:
                    <span>14</span>
                </div>
            </div>
            <div class="purchase_bottomc_right">
                <ul>
                    <li>
                        <a href="">
                            <img src="./image/WiFi.jpg">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/Wawa.jpg">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/Car.jpg">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/voice.jpg">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 小米手机长条公告 -->
        <div class="advertisement banxin">
            <a href="#">
                <img src="./image/Xiaomiten.webp">
            </a>
        </div>

        <!-- 小米手机列表页面 -->
        <div class="Flash_purchase banxin clearfix">
            <div class="purchase_box">
                <ul class="purchase_left">
                    <li>手机</li>
                </ul>

                <div class="purchase_right_two">
                    <a href="">
                    查看全部
                    <i class="iconfont icon-youjiantou"></i>
                </a>
                </div>
            </div>
            <!-- 小米竖长条公告 -->
            <div class="purchase_bottom">
                <div class="Max">
                    <img src="./image/XiaomiMax.webp">
                </div>
            </div>

            <!-- 小米手机列表 -->
            <div class="purchase_bottomc_right_two clearfix">
                <ul>
                    <li>
                        <a href="">
                            <img src="./image/phone-1.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/phone-1.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/phone-1.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/phone-1.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/phone-1.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/phone-1.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/phone-1.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/phone-1.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 小米手机长条公告 -->
        <div class="advertisement banxin">
            <a href="#">
                <img src="./image/TV.webp">
            </a>
        </div>

        <!-- 小米手机列表页面 -->
        <div class="Flash_purchase banxin clearfix">
            <div class="purchase_box">
                <ul class="purchase_left">
                    <li>家电</li>
                </ul>

                <div class="purchase_right_two">
                    <ul>
                        <li><a href="" class="colors">热门</a></li>
                        <li><a href="">电视影音</a></li>
                    </ul>
                </div>
            </div>
            <!-- 小米竖长条公告 -->
            <div class="purchase_bottom">
                <div class="Max">
                    <a href="">
                        <img src="./image/tv-1.webp">
                    </a>
                    <a href="">
                        <img src="./image/tv-2.webp">
                    </a>
                </div>
            </div>

            <!-- 小米手机列表 -->
            <div class="purchase_bottomc_right_two clearfix">
                <ul>
                    <li>
                        <a href="">
                            <img src="./image/tv-3.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/tv-3.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/tv-3.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/tv-3.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/tv-3.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/tv-3.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/tv-3.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li style="position: relative;" id="space_li">
                        <a href="">
                            <ul id="special">
                                <li>
                                    <h3> Air 13.3" 2019款 </h3>
                                    <p>5999元起</p>
                                    <img src="./image/computer.webp">

                                </li>

                                <li class="li_two">
                                    <p>
                                        浏览歌手
                                        <span style="display: block;">热门</span>
                                    </p>
                                    <i class="iconfont icon-youjiantou1"></i>
                                </li>
                        </a>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 小米手机长条公告 -->
        <div class="advertisement banxin">
            <a href="#">
                <img src="./image/door.webp">
            </a>
        </div>

        <!-- 小米手机列表页面 -->
        <div class="Flash_purchase banxin clearfix">
            <div class="purchase_box">
                <ul class="purchase_left">
                    <li>智能</li>
                </ul>

                <div class="purchase_right_two">
                    <ul>
                        <li><a href="" class="colors">热门</a></li>
                        <li><a href="">安防</a></li>
                        <li><a href="">出行</a></li>
                    </ul>
                </div>
            </div>
            <!-- 小米竖长条公告 -->
            <div class="purchase_bottom">
                <div class="Max">
                    <a href="">
                        <img src="./image/intelligence-1.webp">
                    </a>
                    <a href="">
                        <img src="./image/intelligence2.webp">
                    </a>
                </div>
            </div>

            <!-- 小米手机列表 -->
            <div class="purchase_bottomc_right_two clearfix">
                <ul>
                    <li>
                        <a href="#">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li style="position: relative;" id="space_li">
                        <a href="">
                            <ul id="special">
                                <li>
                                    <h3> Air 13.3" 2019款 </h3>
                                    <p>5999元起</p>
                                    <img src="./image/computer.webp">

                                </li>

                                <li class="li_two">
                                    <p>
                                        浏览歌手
                                        <span style="display: block;">热门</span>
                                    </p>
                                    <i class="iconfont icon-youjiantou1"></i>
                                </li>
                        </a>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 小米手机长条公告         开始 -->
        <div class="advertisement banxin">
            <a href="#">
                <img src="./image/life.webp">
            </a>
        </div>

        <!-- 小米手机列表页面 -->
        <div class="Flash_purchase banxin clearfix">
            <div class="purchase_box">
                <ul class="purchase_left">
                    <li>搭配</li>
                </ul>

                <div class="purchase_right_two">
                    <ul>
                        <li><a href="" class="colors">热门</a></li>
                        <li><a href="">充电器</a></li>
                    </ul>
                </div>
            </div>
            <!-- 小米竖长条公告 -->
            <div class="purchase_bottom">
                <div class="Max">
                    <a href="">
                        <img src="./image/Balancecar.webp">
                    </a>
                    <a href="">
                        <img src="./image/razor.webp">
                    </a>
                </div>
            </div>

            <!-- 小米手机列表 -->
            <div class="purchase_bottomc_right_two clearfix">
                <ul>
                    <li>
                        <a href="">
                            <img src="./image/Charger.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/Charger.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/Charger.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/Charger.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/Charger.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/Charger.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/Charger.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li style="position: relative;" id="space_li">
                        <a href="">
                            <ul id="special">
                                <li>
                                    <h3> Air 13.3" 2019款 </h3>
                                    <p>5999元起</p>
                                    <img src="./image/computer.webp">

                                </li>

                                <li class="li_two">
                                    <p>
                                        浏览歌手
                                        <span style="display: block;">热门</span>
                                    </p>
                                    <i class="iconfont icon-youjiantou1"></i>
                                </li>
                        </a>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 结束 -->

        <!-- 小米手机长条公告         开始 -->
        <div class="advertisement banxin">
            <a href="#">
                <img src="./image/SmartLife.webp">
            </a>
        </div>

        <!-- 小米手机列表页面 -->
        <div class="Flash_purchase banxin clearfix">
            <div class="purchase_box">
                <ul class="purchase_left">
                    <li>配件</li>
                </ul>

                <div class="purchase_right_two">
                    <ul>
                        <li><a href="" class="colors">热门</a></li>
                        <li><a href="">出行</a></li>
                    </ul>
                </div>
            </div>
            <!-- 小米竖长条公告 -->
            <div class="purchase_bottom">
                <div class="Max">
                    <a href="">
                        <img src="./image/Air.webp">
                    </a>
                    <a href="">
                        <img src="./image/wash.webp">
                    </a>
                </div>
            </div>

            <!-- 小米手机列表 -->
            <div class="purchase_bottomc_right_two clearfix">
                <ul>
                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li style="position: relative;" id="space_li">
                        <a href="">
                            <ul id="special">
                                <li>
                                    <h3> Air 13.3" 2019款 </h3>
                                    <p>5999元起</p>
                                    <img src="./image/computer.webp">

                                </li>

                                <li class="li_two">
                                    <p>
                                        浏览歌手
                                        <span style="display: block;">热门</span>
                                    </p>
                                    <i class="iconfont icon-youjiantou1"></i>
                                </li>
                        </a>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 结束 -->

        <!-- 小米手机长条公告         开始 -->
        <div class="advertisement banxin">
            <a href="#">
                <img src="./image/Summer.webp">
            </a>
        </div>

        <!-- 小米手机列表页面 -->
        <div class="Flash_purchase banxin clearfix">
            <div class="purchase_box">
                <ul class="purchase_left">
                    <li>周边</li>
                </ul>

                <div class="purchase_right_two">
                    <ul>
                        <li><a href="" class="colors">热门</a></li>
                        <li><a href="">出行</a></li>
                    </ul>
                </div>
            </div>
            <!-- 小米竖长条公告 -->
            <div class="purchase_bottom">
                <div class="Max">
                    <a href="">
                        <img src="./image/intelligence-1.webp">
                    </a>
                    <a href="">
                        <img src="./image/intelligence2.webp">
                    </a>
                </div>
            </div>

            <!-- 小米手机列表 -->
            <div class="purchase_bottomc_right_two clearfix">
                <ul>
                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/watch.webp">
                            <h3>小米路由器4A千兆版 双核CPU 双千兆</h3>
                            <p class="one_p">四天线穿墙</p>
                            <p class="two_p">
                                ￥129
                                <span>￥99</span>
                            </p>
                        </a>
                    </li>

                    <li style="position: relative;" id="space_li">
                        <a href="">
                            <ul id="special">
                                <li>
                                    <h3> Air 13.3" 2019款 </h3>
                                    <p>5999元起</p>
                                    <img src="./image/computer.webp">

                                </li>

                                <li class="li_two">
                                    <p>
                                        浏览歌手
                                        <span style="display: block;">热门</span>
                                    </p>
                                    <i class="iconfont icon-youjiantou1"></i>
                                </li>
                        </a>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 结束 -->

        <!-- 开始 -->
        <div class="advertisement banxin">
            <a href="#">
                <img src="./image/pen.webp">
            </a>
        </div>

        <!-- 小米手机列表页面 -->
        <div class="Flash_purchase banxin clearfix">
            <div class="purchase_box">
                <ul class="purchase_left">
                    <li>视频</li>
                </ul>

                <div class="purchase_right_two">
                    <a href="">
                    查看全部
                    <i class="iconfont icon-youjiantou"></i>
                </a>
                </div>
            </div>


            <div class="movies banxin clearfix">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <img src="./image/movie.webp">
                            <i class="iconfont icon-bofang"></i>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/movie.webp">
                            <i class="iconfont icon-bofang"></i>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/movie.webp">
                            <i class="iconfont icon-bofang"></i>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./image/movie.webp">
                            <i class="iconfont icon-bofang"></i>
                            <h3>Redmi 10X系列发布会</h3>
                            <p>Redmi 10X系列发布会</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="bottom_nav banxin clearfix">
            <div class="After_sale clearfix">
                <ul>
                    <li>
                        <a href="">
                            <p class="iconfont icon-buoumaotubiao46">
                                <i>预约维修服务</i>|
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <p class="iconfont icon-qitianwuliyoutuihuan">
                                <i>7天无理由退货</i>|
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <p class="iconfont icon-15tianwuliyoutuihuo">
                                <i>15天免费换货</i>|
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <p class="iconfont icon-liwu">
                                <i>满99元包邮</i>|
                            </p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <p class="iconfont icon-dingwei">
                                <i>520余家售后网点</i>
                            </p>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="help">
                <ul>
                    <li>
                        <dt>
                            帮助中心
                            <dd><a href="#">账户管理</a></dd>
                            <dd><a href="#">购物指南</a></dd>
                            <dd><a href="#">订单操作</a></dd>
                        </dt>
                    </li>

                    <li>
                        <dt>
                            服务支持
                            <dd><a href="#">售后政策</a></dd>
                            <dd><a href="#">自助服务</a></dd>
                            <dd><a href="#">相关下载</a></dd>
                        </dt>
                    </li>

                    <li>
                        <dt>
                            线下门店
                            <dd><a href="#">小米之家</a></dd>
                            <dd><a href="#">服务网点</a></dd>
                            <dd><a href="#">授权体验店</a></dd>
                        </dt>
                    </li>

                    <li>
                        <dt>
                           关于小米
                            <dd><a href="#">了解小米</a></dd>
                            <dd><a href="#">加入小米</a></dd>
                            <dd><a href="#">投资者关系</a></dd>
                            <dd><a href="#">企业社会责任</a></dd>
                            <dd><a href="#">廉洁举报</a></dd>
                        </dt>
                    </li>

                    <li>
                        <dt>
                            关注我们
                            <dd><a href="#">新浪微博</a></dd>
                            <dd><a href="#">官方微信</a></dd>
                            <dd><a href="#">联系我们</a></dd>
                            <dd><a href="#">公益基金会</a></dd>
                        </dt>
                    </li>

                    <li>
                        <dt>
                            特色服务
                            <dd><a href="#">F 码通道</a></dd>
                            <dd><a href="#">礼物码</a></dd>
                            <dd><a href="#">防伪查询</a></dd>
                        </dt>
                    </li>
                </ul>
            </div>

            <div class="help_right clearfix">
                <h3>400-100-5678</h3>
                <h4>8:00-18:00（仅收市话费）</h4>
                <p class="iconfont icon-kefu">
                    <i>人工客服</i>
                </p>
                <a href="" class="xm">
                    关注小米:
                    <i class="iconfont icon-weibo"></i>
                    <i class="iconfont icon-weixin1"></i>
                </a>
            </div>

            <div class="footer_nav clearfix">
                <ul>
                    <li><a href="#">小米商城<span>|</span></a></li>
                    <li><a href="#">MIUI<span>|</span></a></li>
                    <li><a href="#">米家<span>|</span></a></li>
                    <li><a href="#">米聊<span>|</span></a></li>
                    <li><a href="#">多看<span>|</span></a></li>
                    <li><a href="#">游戏<span>|</span></a></li>
                    <li><a href="#">政企服务<span>|</span></a></li>
                    <li><a href="#">小米天猫店<span>|</span></a></li>
                    <li><a href="#">小米集团隐私政策<span>|</span></a></li>
                    <li><a href="#">小米公司儿童信息保护规则<span>|</span></a></li>
                    <li><a href="#"> 小米商城隐私政策<span>|</span></a></li>
                    <li><a href="#">小米商城用户协议<span>|</span></a></li>
                    <li><a href="#">问题反馈<span>|</span></a></li>
                    <li><a href="#">Select Location<span></span></a></li>
                </ul>
            </div>

            <div class="copyright">
                <p>
                    ©
                    <a href="#">mi.com</a>
                    <i>京ICP证110507号</i>
                    <a href="#">京ICP备10046444号</a>
                    <a href="#">京公网安备11010802020134号</a>
                    <a href="#">京网文[2020]0276-042号</a>
                </p>

                <p>
                    <a href="#">（京）网械平台备字（2018）第00005号</a>
                    <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href="#">营业执照</a>
                    <a href="#">医疗器械质量公告</a>
                </p>

                <p>
                    <a href="#">增值电信业务许可证 </a>
                    <i>网络食品经营备案 京食药网食备201810017</i>
                    <a href="#">食品经营许可证</a>
                </p>

                <p>
                    <i>违法和不良信息举报电话：171-5104-4404</i>
                    <a href="#">知识产权侵权投诉</a>
                    <i>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</i>
                </p>
                <p>
                    <a href="#"><img src="./image/truste.png"></a>
                    <a href="#"><img src="./image/v-logo-1.png"></a>
                    <a href="#"><img src="./image/v-logo-2.png"></a>
                    <a href="#"><img src="./image/v-logo-3.png"></a>
                </p>
            </div>
        </div>
</body>

</html>